function del() {
    $(".delete").click(function (e) {
        const idx = $(e.target).parents("li").attr("uid")
        $.ajax({
            url: "http://localhost:3000/comments/" + idx,
            type: "delete"
        })
        $(this).parents("li").slideUp()
    })
}
function shuju() {
    $.ajax({
        url: "http://localhost:3000/db",
        type: "get",
        success: function (data) {
            $(".louzhu").html(template("tem2", data))
            $(".pinglun").html(template("tem1", data))
            del()
        }
    })
}

shuju()
$(".btn").click(function () {
    if ($("#txt").val() && $("#content").val()) {
        $.ajax({
            url: "http://localhost:3000/comments",
            type: "POST",
            dataType: "json",
            data: {
                "username": $("#txt").val(),
                "content": $("#content").val()
            },
            success: function () {
                $("#txt").val("")
                $("#content").val("")
                shuju()
                
            }
        })
    } else {
        alert("用户名和内容必须填写")
    }
})